<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui" template="/bootstraplayoutg.xhtml">


	<ui:define name="title">
		<h:outputText value="#{msg.welcome}" />

	</ui:define>



	<ui:define name="toptoolbar">

		<p:toolbar>
			
			<p:toolbarGroup align="left">
			
				<p:button value="#{msg.home}" icon="ui-icon-home" outcome="guest" />
				<p:button value="#{msg.joinus}" icon="ui-icon-wrench"
					outcome="joinus" />




				<p:separator />

				<p:commandButton type="button" title="Save" icon="ui-icon-disk" />
				<p:commandButton type="button" title="Delete" icon="ui-icon-trash" />
				<p:commandButton type="button" title="Print" icon="ui-icon-print" />
			</p:toolbarGroup>

			<!-- 	
			<p:toolbarGroup align="right">
				<p:menuButton value="Options">
					<p:menuitem value="Home" url="http://www.primefaces.org" />
					<p:menuitem value="ShowCase"
						url="http://www.primefaces.org/showcase" />
					<p:menuitem value="TouchFaces"
						url="http://www.primefaces.org/showcase/touch" />
				</p:menuButton>
			</p:toolbarGroup>
			 -->
		</p:toolbar>




	</ui:define>

	<ui:define name="navigation">
		<!-- 
		<div class="hero-unit clearfix">
			<div class="pull-left span8">

		<h2>Welcome to GOORUDA</h2>
		<p>Easy, uniform API and insights platform for the social enterprise.</p>
		<p>
			<a class="btn btn-success btn-large">Join us(free)</a>
			
			<a class="btn btn-primary btn-large">Explore features</a>
			
			<a class="btn btn-warning btn-large">Download</a>
			
		</p>
			</div>
		</div>
	 -->

	</ui:define>

	<ui:define name="mainform">



		<p:panel header="#{msg.signin}" id="signin"
			style="position:relative:right:200px;width:400px;top:-100px"
			styleClass="pull-right">
			<p:messages id="messages" showSummary="true" />

			<h:panelGrid columns="2" id="dynaFormGroup" layout="block"
				style="margin-top: 15px;">


				<p:outputLabel value="Email:" for="email" />

				<p:inputText id="email" value="#{loginForm.email}" required="true" />


				<p:outputLabel value="Password:" for="pwd" />

				<p:password id="pwd" value="#{loginForm.password}" redisplay="true"
					label="Password" required="true" size="40" maxlength="150" />


			</h:panelGrid>

			<p:commandButton value="#{msg.signin}" style="margin-right:20px;"
				icon="ui-icon-key" ajax="false" action="#{loginForm.doLogin}"
				styleClass="ui-priority-primary" />
			<p:commandButton type="reset" value="#{msg.reset}"
				style="margin-left: 5px;" />

		</p:panel>



	</ui:define>



</ui:composition>